import React from 'react'
import { NavBar, TabBar } from 'antd-mobile'
import {
  AppOutline,
  MessageOutline,
  UnorderedListOutline,
  UserOutline,
} from 'antd-mobile-icons'
import { useNavigate } from 'react-router-dom'
function MyTabbar() {
     const nav=useNavigate()
  return (
    <div>
        <TabBar  onChange={value => nav(value)}>
      
        <TabBar.Item key={'/'} icon={<AppOutline/>} title='首页' to={'/'} />
        <TabBar.Item key={'/my'} icon={<UserOutline />} title='我的' to={'/my'} />
   
    </TabBar>
    </div>
  )
}

export default MyTabbar